.tab-box
  text-align right
.tab-item
  height 30px
  line-height 30px
  padding 0 15px
  display inline-block
  box-shadow 0 0 3px rgba(0,0,0,.1)
  background #fff
  &:first-child
    border-radius 3px 0 0 3px
  &:last-child 
    border-radius 0 3px 3px 0
  a
    display block
    width 100%
    height 100%
    text-align center
  &.disabled
    display none
  &.active
    background #41AAFF
    a
      color #fff
    
.tab-area
  margin-top 30px
  position relative
.add-btn
  position absolute
  top -60px
  left 0
  height 30px

.add-modal[data-role='dialog-body'], .item-page,.detail-field
  width 650px
  padding 0px 36px 20px
  >label, > div > label
    font-size 14px
    color #3E90DD
    margin 20px 0 4px
    display block
  aside
    font-size 12px
    color #7793B2
    margin-top 15px
.time-select-area
  > *
    display inline-block
  [data-role="fieldArea"]
    width auto
    vertical-align top
    margin-right 10px 
.date-select-item
  width 130px
  text-align center
  line-height 34px
  height 34px
  cursor pointer
  display inline-block
  &:before
    content ''
    display inline-block
    width 10px
    height 10px
    border-radius 50%
    border 1px solid #7793B2
    vertical-align middle
    margin-top -2px
    margin-right 6px
  &.active
    cursor default
    &:before
      border 3px solid #3BA6FF
// 不定期选项 - 自动发送邮件
.data-select-post
  width 120px;
  padding-left 45px
  padding-top 10px
  text-align center;
  cursor pointer;
  display inline-block;

.link-btn
  display inline-block
  margin-right 10px


.item-page-aside
  background #E7F4FD
  border 1px solid #BEDCF3
  margin 20px 0
  padding 20px 25px
  font-size 12px
  width 750px
.item-page
  margin-top 10px
  width 750px
  padding 10px 40px 30px
  box-shadow 0 0 3px rgba(0,0,0,.1)
  background #fff

.user-span
  display flex
  align-items center
  /* >*
    display inline-block
    vertical-align middle */
  span 
    margin-left 10px
    word-break break-all
    
.hehe_normal
  color #D5D5D5
  font-size 12px
.hehe_success
  font-size 12px
  color #8BC6AC
.hehe_error
  font-size 12px
  color #EF9A9A
  
.record-detail[data-role="dialog-body"]
  width 800px
  padding 40px 15px
  .item-page
    width 100%
    margin 0
    padding 0 
    border none
    box-shadow none
.detail-field 
  display inline-block
  width auto
  padding 0 0 20px 15px
  label
    margin 0 20px 0 0
    display inline-block
  margin-right 15px
  
.detail-item
  padding 1px 15px 15px
  &:hover{
    background #F3F5F9
  }
  .detail-icon
    opacity 0
    vertical-align middle
    display inline-block
  &:hover
    .detail-icon
      opacity 1

.period-label
  p 
    color #47B7FF
    display inline-block
  >*
    vertical-align middle

.cell-link
  color #5A96D7
  margin 0 10px
.cell-btn
  border-radius 15px
  height 30px
  color #7692B3
  border 1px solid rgba(118,146,179,.3)
  &:hover
    background #7692B3
    color #fff
    
.tip
  width 40px
  background-color transparent
  margin 0 
  display inline-block
  color #777